<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
          ul{
              margin: 0;
              padding: 0;
              list-style: none;
              width: 600px;
              background: pink;
              display: flex;
              justify-content: space-around;
          }

          ul li{
                display: inline-block;
                height: 60px;
                line-height: 60px;
                flex: 1;
              text-align: center;

          }


    </style>

</head>
<body>

        <ul>
                <li>消息</li>
                <li>通讯录</li>
                <li>发现</li>
                <li>我的</li>
        </ul>
</body>
</html>